<!DOCTYPE html>
<html lang="zh-CN">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width,initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=no"> 
 <title>Happy Birthday</title>
 <link rel="stylesheet" href="css/jquery.fullPage.css">
 <link rel="stylesheet" href="css/memories.css">
</head>

<body>
  <!-- 背景音乐 -->
  <div style="display:none">
    <!-- 网易云外链 -->
    <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="https://music.163.com/outchain/player?type=2&id=480353&auto=1&height=66"></iframe>
  </div>
<div class="bgcolor">
  <div style="z-index:100;" id="dowebok">
      <!--第一屏-->
      <div class="section">
          <div class="ly-box01">
            <div class="ly-txt01">
              <p class="ly-stxt01">祝你生日快乐!(^O^)y！</p>
              <p class="ly-stxt02">记得刚加你QQ是在18年11月，</p>
              <p class="ly-stxt03">当时通过QQ聊天的语气还以为你是一个男生，</p>
              <p class="ly-stxt04">上课才发现是女生d(ŐдŐ๑)，</p>
              <p class="ly-stxt05">之后也没有交集。</p>
            </div>
            <div class="ly-txt02">
              <p class="ly-stxt06">直到去年夏天因为学校工作才有了交集，交流也频繁了起来。</p>
              <p class="ly-stxt07">到现在也快一年了。我也很开心在这一年里能认识并了解你。</p>
              <p class="ly-stxt08">我不太会聊天，不知道有没有说错话的时候，希望得到你的原谅(>﹏<)。</p>

            </div>
        </div>
      </div>

      <div class="section">
          <div class="ly-box02">
              <div class="ly-txt03">
                  <p class="ly-stxt09">你也是我大学期间唯一一位聊那么多学习工作以外的女生。</p>
                  <p class="ly-stxt10">不过可惜的是，错过了和你一起见面玩耍的机会，可能我是太胆怯了(๑˙ー˙๑)。</p>
                  <p class="ly-stxt11">可能最遗憾的事便是当面和你说一句你好，</p>
                  <p class="ly-stxt12">每次看见你时自己总是不自觉的躲避。</p>
              </div>
              <div class="ly-txt04">
                  <p class="ly-stxt13">但是你真的很好，我也非常喜欢你。</p>
                  <p class="ly-stxt14">最后祝你生日快乐呀（=^•^=）</p>
                  <p class="ly-stxt15">愿你的所有期待都能美梦成真！</p>

              </div>
          </div>
      </div>

      <!--第二屏-->

<!--      <div class="section">-->
<!--          <div class="timeline"></div>-->
<!--          <div class="timepoint11"></div>-->
<!--          <div class="ly-box12">-->
<!--              <p class="ly-stxt09">你也是我大学期间唯一一位聊那么多学习工作以外的女生。</p>-->
<!--              <p class="ly-stxt10">错过了和你一起见面玩耍的机会，可能我是太胆怯了(๑˙ー˙๑)。</p>-->
<!--              <p class="ly-stxt11">可能最遗憾的事便是当面和你说一句你好，</p>-->
<!--              <p class="ly-stxt12">每次看见你时自己总是不自觉的躲避。</p>-->
<!--              <p class="ly-stxt13">但是你真的很好，我也非常喜欢你。</p>-->
<!--              <p class="ly-stxt14">最后祝你生日快乐呀（=^•^=）</p>-->
<!--              <p class="ly-stxt15">愿你的所有期待都能美梦成真！</p>-->
<!--              </div>-->
<!--          <div class="ly-triangle12"></div>-->
<!--      </div>-->

<!--      &lt;!&ndash;第三屏&ndash;&gt;-->

<!--      <div class="section">-->
<!--          <div class="timeline"></div>-->
<!--          <div class="timepoint21"></div>-->
<!--          <div class="ly-box21">-->
<!--              <div class="ly-txt21">-->
<!--                  201X-1X-2X-->
<!--              </div>-->
<!--              <div class="ly-txt22">-->
<!--                 <p> XXXXXXXXXXXXX</p>-->
<!--                 <p> XXXXXXXXXXXXX</p>-->
<!--                 <p> XXXXXXXXXXXXX</p>-->
<!--                 <p> XXXXXXXXXXXXX</p>-->
<!--              </div>-->
<!--              <div class="ly-imgbox21">-->
<!--                <img class="ly-img21" src="img/1.png">-->
<!--              </div>-->
<!--          </div>-->
<!--          <div class="ly-triangle21"></div>-->

<!--          <div class="ly-box22">-->
<!--              <div class="ly-txt23">-->
<!--                  201X-1X-1X-->
<!--              </div>-->
<!--              <div class="ly-txt24">-->
<!--                  <p> XXXXXXXXXXXXX</p>-->
<!--                  <p> XXXXXXXXXXXXX</p>-->
<!--              </div>-->
<!--              <div class="ly-imgbox22">-->
<!--                <img class="ly-img22" src="img/1.png">-->
<!--              </div>-->
<!--          </div>-->
<!--          <div class="ly-triangle22"></div>-->

<!--           <div class="ly-box23">-->
<!--              <div class="ly-txt25">-->
<!--                  201X-1X-2X-->
<!--              </div>-->
<!--              <div class="ly-txt26">-->
<!--                  <p> XXXXXXXXXXXXXXXXXXXXX</p>-->
<!--                  <p> XXXXXXXXXXXXXXXXXXXXX</p>-->
<!--              </div>-->
<!--              <div class="ly-imgbox23">-->
<!--                <img class="ly-img23" src="img/1.jpg">-->
<!--              </div>-->
<!--          </div>-->
<!--          <div class="ly-triangle23"></div>-->
<!--      </div>-->

<!--      &lt;!&ndash;第四屏&ndash;&gt;-->

<!--      <div class="section">-->
<!--          <div class="timeline"></div>-->
<!--          <div class="timepoint31"></div>-->
<!--          <div class="ly-box31">-->
<!--              <div class="ly-txt31">-->
<!--                  201X-1X-2X-->
<!--              </div>-->
<!--              <div class="ly-txt32">-->
<!--                  <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>-->
<!--                  <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>-->
<!--              </div>-->
<!--              <div class="ly-imgbox31">-->
<!--                <img class="ly-img31" src="img/1.jpg">-->
<!--              </div>-->
<!--          </div>-->
<!--          <div class="ly-triangle31"></div>-->

<!--          <div class="ly-box32">-->
<!--              <div class="ly-txt33">-->
<!--                  201X-1X-2X-->
<!--              </div>-->
<!--              <div class="ly-txt34">-->
<!--                 <p>XXXXXXXXXXXXXXXXXXX</p>-->
<!--              </div>-->
<!--              <div class="ly-imgbox31">-->
<!--                <img class="ly-img31" src="img/1.png">-->
<!--              </div>-->
<!--          </div>-->
<!--          <div class="ly-triangle32"></div>-->
<!--      </div>-->

<!--  &lt;!&ndash;第五屏&ndash;&gt;-->
<!--  <div class="section">-->
<!--          <div class="timeline"></div>-->
<!--          <div class="timepoint21"></div>-->
<!--          <div class="ly-box52">-->
<!--              <div class="ly-txt21">-->
<!--                  2015-01-01-->
<!--              </div>-->
<!--              <div class="ly-txt22">-->
<!--                 <p>XXXXXXXXXXXXXX</p>-->
<!--				         <p>XXXXXXXXXXXXXX</p>-->
<!--              </div>-->
<!--              <div class="ly-imgbox21">-->
<!--                <img class="ly-img21" src="img/1.jpg">-->
<!--              </div>-->
<!--          </div>-->
<!--          <div class="ly-triangle21"></div>-->

<!--          <div class="ly-box22">-->
<!--              <div class="ly-txt23">-->
<!--                  201X-0X-1X-->
<!--              </div>-->
<!--              <div class="ly-txt51">-->
<!--                  <p>XXXXXXXXXXXXXX</p>-->
<!--				          <p>XXXXXXXXXXXXXX</p>-->
<!--              </div>-->
<!--              <div class="ly-imgbox22">-->
<!--                <img class="ly-img22" src="img/1.png">-->
<!--              </div>-->
<!--          </div>-->
<!--          <div class="ly-triangle22"></div>-->

<!--           <div class="ly-box51">-->
<!--              <div class="ly-txt25">-->
<!--                  201X-0X-1X-->
<!--              </div>-->
<!--              <div class="ly-txt26">-->
<!--                  <p>XXXXXXXXXXXXXXXXXXXXXXXXXXX</p>-->
<!--                  <p>XXXXXXXXXXXXXXXXXXXXXXXXXXX</p>-->
<!--              </div>-->
<!--              <div class="ly-imgbox23">-->
<!--                <img class="ly-img23" src="img/1.jpg">-->
<!--              </div>-->
<!--          </div>-->
<!--          <div class="ly-triangle23"></div>-->
<!--      </div>-->

<!--  &lt;!&ndash;第六屏&ndash;&gt;-->
<!--  <div class="section">-->
<!--          <div class="timeline"></div>-->
<!--          <div class="timepoint21"></div>-->
<!--          <div class="ly-box21">-->
<!--              <div class="ly-txt21">-->
<!--                  201X-0X-1X-->
<!--              </div>-->
<!--              <div class="ly-txt22">-->
<!--                 <p>XXXXXXXXXX</p>-->
<!--                 <p>XXXXXXXXXX</p>-->
<!--                 <p>XXXXXXXXXX</p>-->
<!--                 <p>XXXXXXXXXX</p>-->
<!--                 <p>XXXXXXXXXX</p>-->
<!--              </div>-->
<!--              <div class="ly-imgbox21">-->
<!--                <img class="ly-img21" src="img/1.png">-->
<!--              </div>-->
<!--          </div>-->
<!--          <div class="ly-triangle21"></div>-->

<!--          <div class="ly-box22">-->
<!--              <div class="ly-txt23">-->
<!--                  201X-0X-2X-->
<!--              </div>-->
<!--              <div class="ly-txt24">-->
<!--                  <p>XXXXXXXXXXXXX</p>-->
<!--                  <p>XXXXXXXXXXXXX</p>-->
<!--              </div>-->
<!--              <div class="ly-imgbox22">-->
<!--                <img class="ly-img22" src="img/1.png">-->
<!--              </div>-->
<!--          </div>-->
<!--          <div class="ly-triangle22"></div>-->

<!--           <div class="ly-box23">-->
<!--              <div class="ly-txt25">-->
<!--                  201X-0X-2X-->
<!--              </div>-->
<!--              <div class="ly-txt61">-->
<!--                  <p class="wwww1">XXXXXXXXXXXXXXXXXXXXXX</p>-->
<!--                  <p class="wwww1">XXXXXXXXXXXXXXXXXXXXXX</p>-->
<!--                  <p class="wwww1">XXXXXXXXXXXXXXXXXXXXXX</p>-->
<!--                  <p class="wwww1">XXXXXXXXXXXXXXXXXXXXXX</p>-->
<!--                  <p class="wwww1">XXXXXXXXXXXXXXXXXXXXXX</p>-->
<!--				          <p class="wwww1" style="display:none;">你想要的，我能给的，我都会给你。</p>-->
<!--              </div>-->
<!--              <div class="ly-imgbox61">-->
<!--                <img class="ly-img61" src="img/1.jpg">-->
<!--              </div>-->
<!--          </div>-->
<!--          <div class="ly-triangle23"></div>-->
<!--      </div>-->

<!--      &lt;!&ndash;第七屏&ndash;&gt;-->
<!--      <div class="section">-->
<!--          <div class="timeline"></div>-->
<!--          <div class="timepoint71"></div>-->
<!--          <div class="ly-box21 xx71">-->
<!--              <div class="ly-txt21">-->
<!--                  201X-0X-3X-->
<!--              </div>-->
<!--              <div class="ly-txt22">-->
<!--                 <p>XXXXXXXXXXXXXX</p>-->
<!--                 <p>XXXXXXXXXXXXXX</p>-->
<!--                 <p>XXXXXXXXXXXXXX</p>-->
<!--                 <p>XXXXXXXXXXXXXX</p>-->
<!--                 <p>XXXXXXXXXXXXXX</p>-->
<!--              </div>-->
<!--              <div class="ly-imgbox21">-->
<!--                <img class="ly-img21" src="img/1.png">-->
<!--              </div>-->
<!--          </div>-->
<!--          <div class="ly-triangle21 xx72"></div>-->

<!--          <div class="ly-box71">-->
<!--              <div class="ly-txt23">-->
<!--                  201X-0X-0X-->
<!--              </div>-->
<!--              <div class="ly-txt71">-->
<!--                  <p>XXXXXXXXXXXXXX</p>-->
<!--                  <p>XXXXXXXXXXXXXX</p>-->
<!--                  <p>XXXXXXXXXXXXXX</p>-->
<!--                  <p>XXXXXXXXXXXXXX</p>-->
<!--                  <p>XXXXXXXXXXXXXX</p>-->
<!--              </div>-->
<!--              <div class="ly-imgbox71">-->
<!--                <img class="ly-img71" src="img/1.jpg">-->
<!--              </div>-->
<!--          </div>-->
<!--          <div class="ly-triangle22"></div>-->

<!--           <div class="ly-box72">-->
<!--              <div class="ly-txt25">-->
<!--                  201X-0X-1X-->
<!--              </div>-->
<!--              <div class="ly-txt72">-->
<!--                  <p>XXXXXXXXXXXXXX</p>-->
<!--                  <p>XXXXXXXXXXXXXX</p>-->
<!--                  <p>XXXXXXXXXXXXXX</p>-->
<!--              </div>-->
<!--              <div class="ly-imgbox72">-->
<!--                <img class="ly-img72" src="img/1.jpg">-->
<!--              </div>-->
<!--          </div>-->
<!--          <div class="ly-triangle71"></div>-->

<!--          <div class="ly-box73">-->
<!--              <div class="ly-txt25">-->
<!--                  201X-0X-1X-->
<!--              </div>-->
<!--              <div class="ly-txt73">-->
<!--                  <p>XXXXXXXXXXXXXX</p>-->
<!--                  <p>XXXXXXXXXXXXXX</p>-->
<!--                  <p>XXXXXXXXXXXXXX</p>-->
<!--              </div>-->
<!--              <div class="ly-imgbox73">-->
<!--                <img class="ly-img73" src="img/1.jpg">-->
<!--              </div>-->
<!--          </div>-->
<!--          <div class="ly-triangle72"></div>-->
<!--      </div>-->

<!--      &lt;!&ndash;第八屏&ndash;&gt;-->

<!--      <div class="section">-->
<!--          <div class="timeline"></div>-->
<!--          <div class="timepoint11"></div>-->
<!--          <div class="ly-box81">-->
<!--              <div class="ly-txt11">-->
<!--                  201X-0X-1X-->
<!--              </div>-->
<!--              <div class="ly-txt82">-->
<!--                  <p>XXXXXXXXXXXXXXXXX</p>-->
<!--                  <p>XXXXXXXXXXXXXXXXX</p>-->
<!--                  <p>XXXXXXXXXXXXXXXXX</p>-->
<!--                  <p>XXXXXXXXXXXXXXXXX</p>-->
<!--              </div>-->
<!--              <div class="ly-imgbox81">-->
<!--                <img class="ly-img81" src="img/1.png">-->
<!--              </div>-->
<!--          </div>-->
<!--          <div class="ly-triangle11"></div>-->

<!--          <div class="ly-box82">-->
<!--              <div class="ly-txt13">-->
<!--                  2015-06-18-->
<!--              </div>-->
<!--              <div class="ly-txt84">-->
<!--                 <p class="wwww1">XXXXXXXXXXXXXXXXXX</p>-->
<!--                 <p class="wwww1">XXXXXXXXXXXXXXXXXX</p>-->
<!--                 <p class="wwww1">XXXXXXXXXXXXXXXXXX</p>-->
<!--                 <p class="wwww1">XXXXXXXXXXXXXXXXXX</p>-->
<!--                 <p class="wwww1">XXXXXXXXXXXXXXXXXX</p>-->
<!--                 <p class="wwww1">XXXXXXXXXXXXXXXXXX</p>-->
<!--                 <p class="wwww1">XXXXXXXXXXXXXXXXXX</p>-->
<!--              </div>-->
<!--          </div>-->
<!--          <div class="ly-triangle82"></div>-->
<!--      </div>-->

<!--      &lt;!&ndash;第九屏&ndash;&gt;-->

<!--<div class="section">-->
<!--          <div class="timeline"></div>-->
<!--          <div class="timepoint91"></div>-->
<!--          <div class="ly-box21 xx91">-->
<!--              <div class="ly-txt21">-->
<!--                  201X-0X-2X-->
<!--              </div>-->
<!--              <div class="ly-txt90">-->
<!--                 <p>XXXXXXXXXXXXXX</p>-->
<!--                 <p>XXXXXXXXXXXXXX</p>-->
<!--                 <p>XXXXXXXXXXXXXX</p>-->
<!--              </div>-->
<!--              <div class="ly-imgbox21 xx94">-->
<!--                <img class="ly-img21" src="img/1.jpg">-->
<!--              </div>-->
<!--          </div>-->
<!--          <div class="ly-triangle21 xx92"></div>-->

<!--          <div class="ly-box91">-->
<!--              <div class="ly-txt23">-->
<!--                  201X-0X-2X-->
<!--              </div>-->
<!--              <div class="ly-txt91">-->
<!--                  <p>XXXXXXXXXXXXXX</p>-->
<!--                  <p>XXXXXXXXXXXXXX</p>-->
<!--                  <p>XXXXXXXXXXXXXX</p>-->
<!--              </div>-->
<!--              <div class="ly-imgbox91">-->
<!--                <img class="ly-img91" src="img/1.jpg">-->
<!--              </div>-->
<!--          </div>-->
<!--          <div class="ly-triangle22 xx92"></div>-->

<!--           <div class="ly-box92">-->
<!--              <div class="ly-txt25">-->
<!--                  201X-0X-2X-->
<!--              </div>-->
<!--              <div class="ly-txt92">-->
<!--                  <p>XXXXXXXXXXXXXX</p>-->
<!--                  <p>XXXXXXXXXXXXXX</p>-->
<!--                  <p>XXXXXXXXXXXXXX</p>-->
<!--              </div>-->
<!--              <div class="ly-imgbox92">-->
<!--                <img class="ly-img92" src="img/1.jpg">-->
<!--              </div>-->
<!--          </div>-->
<!--          <div class="ly-triangle91"></div>-->

<!--          <div class="ly-box93">-->
<!--              <div class="ly-txt25">-->
<!--                  201X-0X-2X-->
<!--              </div>-->
<!--              <div class="ly-txt93">-->
<!--                  <p>XXXXXXXXXXXXXX</p>-->
<!--                  <p>XXXXXXXXXXXXXX</p>-->
<!--                  <p>XXXXXXXXXXXXXX</p>-->
<!--              </div>-->
<!--              <div class="ly-imgbox93">-->
<!--                <img class="ly-img93" src="img/1.jpg">-->
<!--              </div>-->
<!--          </div>-->
<!--          <div class="ly-triangle92"></div>-->
<!--      </div>-->
<!--		&lt;!&ndash;第十屏&ndash;&gt;-->

<!--		      <div class="section">-->
<!--          <div class="timeline"></div>-->
<!--          <div class="timepoint11"></div>-->
<!--          <div class="ly-box81">-->
<!--              <div class="ly-txt11">-->
<!--                  201X-0X-0X-->
<!--              </div>-->
<!--              <div class="ly-txt82" style="top:8%">-->
<!--                  <p class="wwww1">XXXXXXXXXXXXXXXXXXX</p>-->
<!--                  <p class="wwww1">XXXXXXXXXXXXXXXXXXX</p>-->
<!--                  <p class="wwww1">XXXXXXXXXXXXXXXXXXX</p>-->
<!--              </div>-->
<!--              <div class="ly-imgbox81">-->
<!--                <img class="ly-img81" src="img/1.jpg">-->
<!--              </div>-->
<!--          </div>-->
<!--          <div class="ly-triangle11"></div>-->

<!--          <div class="ly-box82">-->
<!--              <div class="ly-txt13">-->
<!--                  201X-0X-1X-->
<!--              </div>-->
<!--              <div class="ly-txt84">-->
<!--                 <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>-->
<!--                 <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>-->
<!--                 <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>-->
<!--                 <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>-->
<!--                 <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>-->
<!--                 <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>-->
<!--                 <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>-->
<!--              </div>-->
<!--          </div>-->
<!--          <div class="ly-triangle82"></div>-->
<!--      </div>-->

       </div>
  <!--动态方块-->
  <ul class="bg-bubbles">
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>

  </div>
  <!-- <audio muted src="music/1.mp3" autoplay="autoplay" loop="loop"></audio> -->

<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/jquery.fullPage.min.js"></script>
<!-- <script src="js/auto-play.js"></script> -->
<script src="js/memories.js"></script>
</body>
</html>
